var input = document.querySelector('input');
// （一）input事件:
// 1)oninput:输入字符的时候会触发
input.oninput = function(){
    console.log('oninput');
}
// 2)onchange:内容改变且失去焦点的时候触发
input.onchange = function(){
    console.log('onchange');
}
// 3)onfocus:获取焦点的时候触发;focus：焦点
input.onfocus = function(){
    console.log('onfocus');
}
// 4)onblur:失去焦点的时候; blur：模糊
input.onblur = function(){
    console.log('onblur');
}
// 5)onselect:选中输入框文本内容的时候;select:选择
input.onselect = function(){
    console.log('onselect');
}
// （二）form表单的点击事件:
// 1)submit:提交。
// onsubmit:点击type=submit的input的会触发;默认行为是提交数据，刷新页面.
var form = document.querySelector('form');
form.onsubmit = function(){
    console.log('onsubmit');
}
// 2)reset：重置
// onreset:点击type=reset的input时会触发;默认行为是清空表单的输入内容
form.onreset = function(event){
    console.log('onreset');
    // 阻止事件的默认行为,prevent:阻止;default:默认
    event.preventDefault();
}
// 生命周期事件：
// load：加载
// html页面加载完成，html中引进的css，js图片，flash等资源全部加载完成才会触发；
window.onload = function(){
    console.log('onload');
}

// html页面加载完成会触发DOMContentLoaded事件;
document.addEventListener('DOMContentLoaded',function (){
    console.log('DOMContentLoaded');
})

